<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Channel XXX</title>
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<!--  script type="text/javascript" src="js/mootools-core-1.4.5-full-nocompat-yc.js"></script -->
<script type="text/javascript" src="js/mootools-core-1.4.5-full-nocompat.js"></script>
<script type="text/javascript" src="js/Fx.Rotate.js"></script>

<!-- script type="text/javascript" src="js/jqFancyTransitions.1.8.min.js"></script -->
<script type="text/javascript" src="js/ds.js"></script>
<script type="text/javascript">
	$( document ).ready(function() {
		console.log( "ready!" );
		setScreen(1);
	});

	
</script>

<style type="text/css" media="screen">
	html {overflow-x:hidden;height:100%;}
	body {margin:0;padding:0;height:100%;}
	div {overflow-x:hidden;left:0;position:absolute;top:0;width:100%;height:100%;}
</style>
</head>
<body onload="">

<div id="ds_1" style="visibility: visible; opacity: 1;">
	<div style="height:100%;overflow:hidden;background-color:#245555;">
		<img style="width:100%;" src="http://localhost/digital/images/aishwaryaraiface.jpg">
	</div>
</div>
<div id="ds_2" style="visibility: hidden; opacity: 1;">
	<div style="height:100%;overflow:hidden;background-color:#245555;">
		<img style="width:100%;" src="http://localhost/digital/images/night-on-east-river-ny.jpg">
	</div>
</div>

<div id="buttons" style="visibility: visible; z-index:500;">
	<input type="submit" value="Simple Fade" onClick="transitionFadeSimple('ds_1','ds_2', 2000); return false;"/>
	<br/>
	<input type="submit" value="Fade Left" onClick="transitionFadeLeft('ds_1','ds_2', 2000); return false;"/>
	<input type="submit" value="Fade Right" onClick="transitionFadeRight('ds_1','ds_2', 2000); return false;"/>
	<input type="submit" value="Fade Top" onClick="transitionFadeTop('ds_1','ds_2', 2000); return false;"/>
	<input type="submit" value="Fade Bottom" onClick="transitionFadeBottom('ds_1','ds_2', 2000); return false;"/>
	<br/>
	<input type="submit" value="Fade Right Top" onClick="transitionFadeRightTop('ds_1','ds_2', 2000); return false;"/>
	<input type="submit" value="Fade Right Bottom" onClick="transitionFadeRightBottom('ds_1','ds_2', 2000); return false;"/>
	<input type="submit" value="Fade Left Top" onClick="transitionFadeLeftTop('ds_1','ds_2', 2000); return false;"/>
	<input type="submit" value="Fade Left Bottom" onClick="transitionFadeLeftBottom('ds_1','ds_2', 2000); return false;"/>
	<br/>
	<input type="submit" value="Move Top" onClick="transitionMoveTop('ds_1','ds_2', 2000); return false;"/>
	<input type="submit" value="Move Bottom" onClick="transitionMoveBottom('ds_1','ds_2', 2000); return false;"/>
	<input type="submit" value="Move Left" onClick="transitionMoveLeft('ds_1','ds_2', 2000); return false;"/>
	<input type="submit" value="Move Right" onClick="transitionMoveRight('ds_1','ds_2', 2000); return false;"/>
</div>

</body>
</html>
